/* 自定义 antd 暗黑模式样式 */
@dark-main-bg-color: #141414;
@dark-bg-color: #1f1f1f;
@dark-border-color: #414243;
@dark-text-color: #d9d9d9;
@dark-shadow-color: 5px 5px 15px rgb(255 255 255 / 20%);
@dark-scrollbar-bg-color: #686868;

.theme-dark {
	/* 需要自定义覆盖的样式 */
	background-color: @dark-main-bg-color !important;
	// guide
	#driver-highlighted-element-stage {
		background-color: #525457 !important;
	}
	/* login container（先固定样式） */
	.login-container {
		background-color: @dark-main-bg-color !important;
		.login-box {
			background-color: rgb(0 0 0 / 80%) !important;
			.login-form {
				background-color: @dark-main-bg-color !important;
				box-shadow: @dark-shadow-color !important;
				.login-logo {
					.logo-text {
						color: @dark-text-color !important;
					}
				}
				.login-btn {
					.ant-btn-default {
						color: @dark-text-color !important;
					}
				}
			}
		}
	}

	/* container */
	.container {
		/* sider */
		.ant-layout-sider {
			border-right: 1px solid @dark-border-color !important;
			background-color: @dark-bg-color !important;
			.ant-menu {
				background-color: @dark-bg-color !important;
				&::-webkit-scrollbar {
					background-color: @dark-bg-color !important;
				}
				&::-webkit-scrollbar-thumb {
					background-color: @dark-scrollbar-bg-color !important;
				}
			}
			.ant-menu-sub.ant-menu-inline {
				background-color: @dark-main-bg-color !important;
			}
			.logo-box {
				border-bottom: 1px solid @dark-border-color !important;
			}
		}

		/* layout */
		.ant-layout {
			background-color: @dark-main-bg-color !important;
			.ant-layout-header,
			.tabs,
			.footer,
			.card {
				background-color: @dark-bg-color !important;
				border-color: @dark-border-color !important;
				.text {
					color: @dark-text-color !important;
				}
			}
			.ant-layout-header {
				height: 55px;
				padding: 0 40px 0 20px;
				.icon-style,
				.username {
					color: @dark-text-color !important;
				}
			}
			.footer {
				a {
					color: @dark-text-color !important;
				}
			}
			.ant-layout-content {
				&::-webkit-scrollbar {
					background-color: @dark-main-bg-color !important;
				}
				&::-webkit-scrollbar-thumb {
					background-color: @dark-scrollbar-bg-color !important;
				}
				.card {
					&::-webkit-scrollbar {
						background-color: @dark-bg-color !important;
					}
					&::-webkit-scrollbar-thumb {
						background-color: @dark-scrollbar-bg-color !important;
					}
				}
			}
		}
	}
}
